@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
//海报
.introduction_banner{
    margin-top: 5px;
}
.introduction_banner img{
    width: 100%;
}
.nav_bg{
    background: #F5F5F5;
    height: r(118);
}
.nav{
    margin-top: 5px;
    width: 100%;
    height: r(89);
    display: -webkit-flex;
    display: flex;
    justify-content:space-between;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
}
.nav_item{
    height: 100%;
//  -webkit-flex: 1;
//  flex: 1;
    width: r(213);
    text-align: center;

    display: table;
}
.nav_item span{
    color: #8b8b8b;
    display: table-cell;
    vertical-align: middle;
}
div[class="nav_item"]:nth-child(1){
    background: #b20000;
    span{
        color: white; 
    }
}

.intro_cont{
    width: r(582);
    margin: 0 auto;
}
//文字内容
.intro_txt{
    margin: 10px auto 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.intro_txt p{
    font-size: 14px;
    color: #8b8b8b;
    text-indent: 2em;
    padding-top: 15px;
}
.intro_video{
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}
//发展历程
.history_tit{
    background: #b20000;
    color: white;
    width: 100%;
    height: r(81);
    display: table;
    p{
        display: table-cell;
        vertical-align: middle;
        padding: 0 r(24);
        width: r(530);
    }
    p>{
        span{
            font-size: 20px;
            padding: 0 10px;
        }
        i{
            font-size: 22px;
        }
        i:nth-of-type(2){
            float: right;
        }
    }
}
.history_item{
    div{
        position: relative;
        
        margin-left: r(39);
        border-left: 4px solid #d0dbdc;
        height: r(109);
        display: flex;
        flex-direction: column;
        justify-content: center;
        p{
            padding-left: r(45);
        }
        p:first-of-type{
            color: #313131;
            font-size: 18px;
        }
        p:last-of-type{
            color: #b20000;
            font-size: 15px;
        }
        i{
            position: absolute;
            top: 30%;
            left: -13px;
            z-index: 20;
            font-size: 22px;
            font-weight: bold;
            color: #d4dee0;
            background-color: white;
        }
    }
    
}
div[class="history_item"]:nth-child(2),div[class="history_item"]:nth-child(4){
    background: #f3f3f3;
    i{
        color: #b20000;
        background: #f3f3f3;
    }
}
.history_cont{
    border-bottom: 1px solid #e6e6e6;
    
}
.more{
    font-size: 14px;
    color: #bbbbbb;
    margin: 15px 0;
    text-align: center;
}
//底部项目颜色
div[class="foot_item"]:nth-child(2){
    color: #b60207;
}